<script lang='ts'  setup>
import draw from '@/assets/welcome.png'
</script>

<template>
    <div id='Welcome'
        class="h-full flex flex-col items-center justify-center   sm:flex-row sm:items-stretch select-none card">
        <div class="flex flex-col justify-center items-start sm:pr-[100px] ">
            <h3 class=" text-[26px] font-bold">欢迎体验</h3>
            <h1 class=" text-sky-500 text-[36px]">通用后台办公管理系统</h1>
            <span class="mt-[20px] pl-[30px] text-[12px] text-gray-400">前端 -
                Vue3.0+ElementPlus+TypeScript+TailWindCss</span>
            <span class=" pl-[30px] text-[12px] text-gray-400">后端技术栈 -
                NodeJS+MongoDB+TypeScript</span>
        </div>
        <div class=" flex items-center ">
            <img :src="draw" alt="" class="h-[80%] my-auto">
        </div>

    </div>
</template>

<style>
</style>
